<template>
  <el-table
    class="info"
    :data="tableData"
    height="200"
    border
    style="width: 100%"
    :header-cell-style="{'text-align':'center'}"
  >
    <el-table-column
      type="index"
      width="50"
      label="序号"
      align="center">
    </el-table-column>
    <el-table-column
      prop="date"
      label="时间"
      width="180"
      align="center">
    </el-table-column>
    <el-table-column
      prop="name"
      label="处理人"
      width="100"
      align="center">
    </el-table-column>
    <el-table-column
      prop="address"
      label="报警原因"
      width="269"
      align="center">
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  name: "htinfo",
  data() {
    return {
      tableData: [{
        date: '2016-05-03 7:50',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-02 7:50',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04 7:50',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-01 7:50',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-08 7:50',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-06 7:50',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-07 7:50',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      },
        {
          date: '2016-05-07 7:50',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        },
        {
          date: '2016-05-07 7:50',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }]
    }
  }
}
</script>

<style scoped>

</style>
